1) El usuario puede navegar por la tabla y seleccionar/deseleccionar casillas de verificación aleatoriamente.

2) Al hacer clic en la casilla de verificación "seleccionar todo" en el anuncio, debe marcar/desmarcar todos los registros visibles actualmente solamente.

3) El botón "seleccionar todo" debe mantener un estado (marcado/sin marcar) para diferentes páginas de tablas de datos. Por ejemplo, si el usuario hace clic en seleccionar todo en la página 1 y navega a la página siguiente, la casilla de verificación Seleccionar todo debe desmarcarse y hacer clic nuevamente verificaría todas las filas en esta página solo mientras las casillas de verificación previamente seleccionadas no se vean afectadas.

He usado ng2-data-table... mi código es el siguiente

 <th style="width: 10%"> <!--<input type="checkbox" (change)="isSelected = !isSelected" />&nbsp; Actions--> <mfRowSelectorHead></mfRowSelectorHead> </th> <tbody> <tr *ngFor="let item of mf.data;let ndx = index"> <td> <!--<input type="checkbox" [checked]="isSelected" (change)="OnClickDeleteArray(item,check.checked)" #check />--> <mfRowSelector [entity]="item" [checkboxId]="ndx"></mfRowSelector> <span class="dropdown"> <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Actions </button> <span class="dropdown-menu" aria-labelledby="dropdownMenuButton"> <li class="dropdown-item action-dropdown" (click)="EditModel(item)">Edit</li> <li class="dropdown-item action-dropdown" (click)="DeleteModel(item,check.checked)">Delete</li> <li class="dropdown-item action-dropdown">View</li> </span> </span> </td> <td>{{item.AssetModelName}}</td> <td>{{item.AssetModelManufacturerName}}</td> <td>{{item.IsActivemodel}}</td> </tr> </tbody>

y el código en el archivo .ts es el siguiente

 selectedEntities: any[]; public setSelectedEntities($event: any) { debugger; this.selectedEntities = $event; }

Gracias de antemano por tomarse el tiempo de leer